Contraste no textual
Algunos botones y enlaces no tienen ni una palabra dentro — solo un dibujito: una lupa para "buscar", tres rayas para "menú", una flecha para "siguiente", una X para "cerrar".
Si ese dibujo es demasiado pálido contra el fondo —imagina una flecha gris claro sobre blanco— una persona con baja visión sencillamente no puede ver que ahí hay un botón. Esta revisión busca exactamente eso: botones y enlaces de solo ícono cuyo ícono es demasiado tenue para verse.
Ejemplo cotidiano: una tarjeta de producto blanca con un ícono de corazón gris claro para "añadir a favoritos". Tú sabes que está ahí porque ya conoces el sitio. Alguien con visión reducida ve un cuadrado blanco vacío.
Cómo se comporta la revisión
Piénsalo como tres personas trabajando en secuencia.
El explorador recoge todo lo que se puede pulsar en la página —botones, enlaces, pestañas— y descarta cualquier cosa que tenga palabras legibles dentro. Cosas como 0, 11 o + no cuentan como palabras; son insignias. Tampoco cuentan los nombres de código de las fuentes de íconos, como keyboard_arrow_right, que por dentro parecen texto pero en pantalla se dibujan como una imagen.
El ojo toma una imagen de la página, dibuja un contorno rojo alrededor de cada candidato que sobrevivió, y le hace una sola pregunta a un modelo de visión por IA: "¿cuáles de estas cajas contornadas no contienen texto visible?". Al modelo se le dice explícitamente "ante la duda, repórtalo" — el equipo eligió deliberadamente reportar de más y filtrar después, en vez de perderse cosas.
El medidor determina dos colores para cada control de solo ícono confirmado: el color del ícono y el color del fondo que tiene detrás. Prefiere los colores exactos declarados en la hoja de estilos del sitio. Cuando no puede leerlos, recurre a tomar una foto diminuta de ese control y elegir el color dominante que más se diferencia del fondo — asumiendo que "ese es el ícono".
Y después una sola regla: si la diferencia entre ícono y fondo es menor que 3:1, se reporta. (3:1 es el umbral del sector — piensa en "claramente más oscuro o claramente más claro", no en "ligeramente teñido".)
Hay variantes separadas para el estado normal y el estado hover, ambas en producción. Existen variantes para los estados de foco y seleccionado, pero no están listas para producción.
Para el detalle de qué controles llegan a la lista con la que trabaja el medidor —y por qué esa lista limita la precisión de toda la revisión— ver Qué mira la revisión de contraste no textual.
Qué cubre bien
- Botones, enlaces y pestañas de solo ícono — menús hamburguesa, flechas y chevrones, X de cerrar, lupas de búsqueda, íconos de compartir y de redes sociales.
- Íconos dibujados como gráficos vectoriales, o con alguna de las fuentes de íconos reconocidas (Material Icons, Font Awesome, Glyphicons, IcoMoon, Ionicons, Dashicons, Genericons, Typicons).
- Controles con una insignia numérica pequeña (
0,11) — la insignia se ignora y el ícono se revisa igual. - Colores declarados con transparencia, y fondos localizados subiendo por los elementos contenedores.
Qué no cubre
- Solo botones, enlaces y pestañas. Un ícono informativo que no se puede pulsar —un ícono de estado, un gráfico, un ícono junto a un párrafo— nunca lo examina esta revisión.
- Cualquier texto real anula la revisión. Si un control tiene a la vez una etiqueta y un ícono tenue (por ejemplo "Download ⬇"), el control entero se descarta y el ícono no se mide nunca. Este es probablemente el punto ciego más grande.
- Las fotos y los logos se omiten por defecto. Un logo de marca o la miniatura de un producto no se revisan aquí. Un logo que sea en sí mismo un enlace o un botón sí se conserva.
- Los controles cuyo único contenido es una imagen —el clásico "enlace-imagen"— se omiten a propósito. Se consideran un tema de texto alternativo, no de contraste.
- Los controles invisibles se omiten. Cualquier cosa totalmente transparente, porque medirla daría colores sin sentido.
- Cuando no se puede determinar el fondo, se asume blanco. Sobre una foto, un gradiente o una portada de color, el veredicto puede por tanto equivocarse en cualquiera de las dos direcciones.
- El recurso de la "foto del ícono" es una conjetura. En íconos de varios colores, con gradientes o con trazos muy finos y suavizados, el color que elige puede no ser el que percibe una persona. Hay constancia de un caso real en el que el mismo ícono alternaba entre pasar y fallar en ejecuciones idénticas, antes de que el muestreo se hiciera más robusto; los casos en el límite siguen siendo frágiles.
- Solo lo que está en la página cuando se toma la imagen. Los íconos dentro de un menú cerrado, un modal sin abrir, una diapositiva posterior de un carrusel, o contenido que aparece solo tras una interacción, no se ven.
- Controles deshabilitados. El estándar exime a los controles deshabilitados e inactivos de este requisito, y en esta revisión no se encontró esa exención — a diferencia de la revisión de radios y checkboxes, que sí la tiene explícita. Un botón de ícono atenuado puede por tanto reportarse como falso positivo.
- El paso de IA es un juicio, no una certeza. Está ajustado para cubrir más a costa de precisar menos, así que hay que esperar algún reporte de más; y aun así puede perderse un elemento que interprete mal en la imagen.